<template>
  <div class="container-fluid">
    <el-row>
      <el-col :span="24">
        <div class="grid-content">
          <img src="~static/image/Openclassbg.png" alt style="width:100%" />
        </div>
      </el-col>
    </el-row>
    <div class="container">
      <!-- 直播预告 -->
      <KeList :data="playNoticeObj" />
      <!-- 正在直播 -->
      <KeList :data="playNowObj" />
      <!-- 往期公开课 -->
      <KeList :data="playFinishObj" />
      <!-- 大家都在看 -->
      <!-- <KeList :data="dajiaObj" /> -->
    </div>
  </div>
</template>

<script>
import KeList from "./KeList";
export default {
  components: {
    KeList
  },
  data() {
    return {
      playNoticeObj: {
        title: "直播预告",
        url: "/openclass/preStart",
        showDate: true
      },
      playNowObj: {
        title: "正在直播",
        url: "/openclass/underway",
        showDate: true
      },
      playFinishObj: {
        title: "往期公开课",
        url: "/openclass/finish",
        showDate: true
      },
      dajiaObj: {
        title: "大家都在看",
        url: "/openclass/hotList",
        showDate: false
      }
    };
  }
};
</script> 

